<template>
  <div>
    <my-head></my-head>
    <!-- 子路由出口 -->
    <router-view></router-view>
  </div>
</template>

<script>
//导入头部组件
import MyHead from "../../components/MyHead.vue";
export default {
  name: "layuot",
  components: {
    MyHead,
  },
  // mounted() {
  //   //动态为根元素设置字体大小
  //   function init() {
  //     //获取屏幕宽度
  //     var width = document.documentElenebt.clientWidth;
  //     //设置根元素字体大小，此时为宽的10等分
  //     document.documentElement.style.fontSize = width / 10 + "px";
  //   }
  //   //首次加载应用，设置一次
  //   init();
  //   //监听手机旋转的事件的时机，重新设置
  //   window.addEventListener("orientationchange", init);
  //   //监听手机窗口变化，重新设置
  //   window.addEventListener("resize", init);
  // },
  beforeRouteEnter(to, from, next) {
    // A跳转到B，B页面停留在A页面的滚动位置；解决方法：将scrollTop设置为0
    window.scroll(0, 0);
    next();
  },
};
</script>

<style lang="less" scoped>
</style>